<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .full {
            height: 100%;
            width: 100%;
        }
    </style>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="http://cs.101.com/v0.1/static/esp_developer/modules/InteractionMidware/1.2.3/midway/midway.umd.js?123"></script>
    <script src="http://cs.101.com/v0.1/static/esp_developer/modules/InteractionMidware/1.2.3/midway/facade.umd.js?321"></script>
</head>
<body class="full">
<div style="width: 1200px; height: 960px;" id="demo"></div>

<script>
    //中间层组件的配置
    Midware.globalConfig({
        BasePath: "http://cs.101.com/v0.1/static/esp_developer",
        LanguageBasePath: "languages",
        StyleBasePath: "style",
        AssetsBasePath: "",
    });
    Midware.startup({
        i18n: {
            configPath: "players/group_literacy_player/201707250002/languages",
            configFile: "language_default.json",
        },
        extend: {
            context: "_",
        },
        style: {
            configPath: "players/group_literacy_player/201707250002",
            containVersion: true,
        },
        async: false
    });
    //中间层容器的配置
    Midway.config({
        BasePath: "http://cs.101.com/v0.1/static/esp_developer",
        BundlePath: "presenters"
    });
    Midway.runMidway({code: "midway_test", version: "201708180001"}).done(function () {
        let demo = new Midway.Bundle({
            el: "#demo",
            launcher: "RandomRollCall",
            model: {}
        });
        demo.start();
    });
</script>
</body>
</html>